.menuArea{
    width:256px;
    height: 100vh;
    background-color: white;
    position: absolute;
    top:0;
    left:0;
    overflow-y: hidden;
}
.viewArea{
    min-width: 800px;
    height: 100vh;
    position: absolute;
    top:0;
    bottom:0;
    left:256px;
    right:0;
    background-color: #F3F4F6;
    overflow-y: hidden;
}
iframe{
    width:100%;
    height:100%;
    border:none;
}
.title{
    font-size: 24px;
    width:100%;
    height:40px;
    line-height: 40px;
    color:#3B82F6;
    margin-top:20px;
    text-align: center;
}
.menuBox{
    width:100%;
    height:auto;
    margin-top:20px;
}
.menu{
    width:100%;
    height:40px;
    line-height: 40px;
    color:#6B7280;
    cursor: pointer;
    box-sizing: border-box;
    text-align: left;
    padding-left:56px;
}
.menu_alive{
    color: #3B82F6;
    background-color: #EFF6FF;
    border-right: 1px solid #3B82F6;
}
.institude_icon,.activity_icon{
    display: inline-block;
    height:16px;
    width:25px;
    margin-top:2px;
}
.institude_icon{
    background-image: url("../static/institude.png") ;
    background-repeat: no-repeat;
}
.menu_alive .institude_icon{
    background-image: url("../static/institude2.png") ;
    background-repeat: no-repeat;
}
.activity_icon{
    background-image: url("../static/activity.png");
    background-repeat: no-repeat;
}
.menu_alive .activity_icon{
    background-image: url("../static/activity2.png");
    background-repeat: no-repeat;
}